<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
    
    <style>
        /* @import url(./css/style1.css);  */
        p{
            width: 100px;
            height: 100px;
            background-color: rgb(204, 250, 152);
        }
        /* footer{
            background-color: greenyellow;
        } */

    </style>
    <link rel="stylesheet" href="./css/style.css" />
</head>
<body>
    <!-- 1.行内样式 style属性 -->
    <div style="width: 60px;height: 80px;background-color: rgb(231, 73, 73);"></div>
    <!-- 2.内嵌样式 -->
    <p></p>
    <!-- 3.外链样式  -->
    <header></header>
    <!-- 4.导入式 ，在css文件、style标签里面导入另一个css文件-->
    <main>main</main>

    <!-- 优先级 -->
    <!-- <footer style="background-color: red;">footer</footer> -->
    <footer>footer</footer>
    <!-- 行内属性> 外链 = 内嵌（谁在后谁的优先级高）> 导入样式-->

</body>
</html>